@import "public.less";
@import "button.less";

 //列表页面
 #onescroll{
//   z-index: 1001;
 }
  .clys{
    height: 50px;
    background: @red;
    position: relative;
    top: 45px;
    left: 0;
    z-index: 1000;
    &.asd{
        position: fixed;
        top: 90px;
        left: 0%;
        width: 100%;
        z-index: 1000;
    }
}

 .mui-bar.inf{
     &.mui-bar-transparent{
         background-color: rgba(255, 255,255,0);
     }
     .bexta-icon{ 
         width: 10%;
         padding-top: 13px;
         margin-left: 10px;
         .opacity(0);
         span{
            .wh2x(36px,36px);
         }
         &.bexta-icon-setSearch{
             span{
                 display: block;
                 background: url("../icon/icon_saixuan-meiquan@2x.png") no-repeat;
                 background-size: cover;
             }
         }
         &.bexta-icon-maps{
             span{
                 display: block;
                 background: url("../icon/icon_ditu-meiquan@2x.png") no-repeat;
                 background-size: cover;
             }
         }
         
     }
 }
 .setSearchBtn{
     position: relative;
     .search-result{
         position: absolute;
         top: 50px;
         left: 0;
         padding-left: 10px;
         color: @white;
         h3{
             .fontSize(38px);
         }
         div{
             .fontSize(30px);
         }
     }
     .control-btn{
         position: absolute;
         bottom: -19.75px;
         right: 10px;
         img{
             display: inline-block;
             .wh2x(79px,79px);
             margin-right: 15px;
             &:active{
                 .opacity(.9);
             }
         }
     }
 }
 .search-list{
//   padding-top: 19.75px;

     .title{
         p{
            margin:0;
            padding:0px;
            padding-left: 17px;
            .fontSize(25.73px);
            color: #333;
            a{
                .fontSize(30.8px);
                color: #333;
                &:active{
                    opacity: .9;
                    color: #333;
                }
                img{
                    .wh2x(22px,12px);
                    display: inline-block;
                    -webkit-transform: rotate(180deg);
                            transform: rotate(180deg);
                    -webkit-transition: all .2s linear; 
                            transition: all .2s linear;
                    &.run{
                        -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                    } 
                }
            }
         }
         .mui-popover{
             width: 162px;
             height: 230px;
             background: #313131;
             left: 10px !important;
             z-index: 10001;
            .mui-popover-arrow:after{
                background: #313131;
            }
            .popover-content{
                color: #FFF;
                .fontSize(30px);
                width: 90%;
                margin:0 auto;
                div{
                    height: 42px;
                    line-height: 42px;
                    position: relative;
                    padding-left:2px ;
                    &:after{
                        content: " ";
                        height: 1px;
                        width: 100%;
                        background: @white;
                        position: absolute;
                        left: 0px;
                        bottom: 0px;
                    }
                    &.active{
                        span{
                            position: relative;
                            &:after{
                              content: " ";
                              position: absolute;
                              right: -20px;  
                              .wh2x(31px,20px);
                              background: url("../icon/icon_dagou@2x.png") no-repeat;
                              background-size: cover;
                              top: 5px;
                            }
                        }
                    }
                }
            }
         }
     }
 }
 .list-item-box{
     margin:10px 14px;
     .item{
         position: relative;
         margin-bottom: 35.5px;
         img{
             width: 100%;
         }
         .collect{
             position: absolute;
             right: 15px;
             top: 15px;
             .wh2x(42px,40px);
             background: url("../icon/collect.png") no-repeat;
             background-size: cover;
             &.active{
                  background: url("../icon/collect_active.png") no-repeat;
                   background-size: cover;
             }
         }
         .item-name{
             padding:0 5px;
             margin-top: 14px;
             .name{
                 .fontSize(36.51px);
                 color: @cfont;
                 .ell();
             }
             .mui-pull-right{
                 color: @red;
                 .fontSize(36.51px);
             }
             
         }
         &.actor{
             .item-name{
                 border:1px solid #C4C4C4;
                 border-top: 0 none;
                 margin-top: 0px;
             }
             .actor-name{
                 padding:12.5px 0px;
                 .fontSize(36.51px);
                 color: @cfont;
                 .mui-pull-right{
                     .fontSize(30px);
                     color: @cfont;
                 }
             }
             .actor-fen{
                 padding:15px 0;
                 position:relative;
                 .mui-pull-right{
                     span{
                         display: inline-block;
                         padding:3px 6px;
                         border:1px solid @cfont2;
                         border-radius: 2px;
                         color: @cfont2;
                         .fontSize(30px);
                     }
                 }
                 &:after{
                     content: " ";
                     position: absolute;
                     top: 0px;
                     left: 0px;
                     width: 100%;
                     height: 1px;
                     background: #EBEBEB;
                 }
             }
         }
         
     }
 }
 .mui-pull-bottom-tips {
    text-align: center;
    background-color: #efeff4;
    font-size: 15px;
    line-height: 40px;
    color: #777;
}
.mui-pull-top-tips .mui-pull-loading {
//  -webkit-backface-visibility: hidden;
//  -webkit-transition-duration: 400ms;
//  transition-duration: 400ms;
    
    margin: 0;
}
 //列表页面  end
 